<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<!--
	FSWUniCEUB - 2008
	
	Arquivo de template criado pelos alunos do Grupo de Padronização de Interface do 1º Semestre de 2008 - v0.1

	Professor Orientador: Fabiano Mariath

	Alunos:
		- Bruno Schifer Bernardi
		- Filipe Scafuto Vieira
		- Joao Paulo de Oliveira Machado
		- Luis Gustavo Loyola dos Santos Filho
		- Nelson Jose Cocco Junior
		- Rafael Ferreira Gomes
-->

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%-- taglib directive, necessaria para utilizacao de JSTL. Lembre-se também de
     adicionar os .JAR's do JSTL ao classpath do projeto.--%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
                 
<html>
	<head>
		<!-- Subsituir a TAG <NOME DO SISTEMA> pelo nome do sistema que está sendo desenvolvido -->
		<title>AGENDA - FSWUniCEUB</title>

		<link href="arquivos/FSWUniCEUB.css" type="text/css" rel="stylesheet">
                     
		<script language="JavaScript">
			function login() {
                             document.formulario.method.value = "fazerLogin";
                             document.formulario.submit();
			}
                        
			function limpar() {
                             document.formulario.method.value = "iniciarTela";
                             document.formulario.dsLogin.value = "";
                             document.formulario.dsSenha.value = "";
                             document.formulario.submit();
			}
		</script>
                     
	</head>
        <body onload="document.formulario.dsLogin.focus()">
		<form name="formulario" method="post" action="ControllerLogin">
			<!-- Início do espaço reservado para os parâmetros escondidos da página -->
                        <input type="hidden" name="method">
			<!-- Fim do espaço reservado para os parâmetros escondidos da página -->

			<table width="100%" cellspacing="0" cellpadding="0" border="0">
				<tr valign="top">
					<!-- Início da <td> responsável pelo posicionamento do menu à esquerda da tela principal - NÃO MEXER AQUI -->
					<td width="50%" align="center">
						<div id="pagemenu">
							<table width="150" align="center" cellspacing="0" cellpadding="0" border="0">
								<tr height="26">
									<td width="100%" align="center">
										&nbsp;
									</td>
								</tr>
								<tr>
									<td width="100%" align="center">
										<img src="arquivos/FSWUniceub.gif" border="0">
									</td>
								</tr>
								<tr height="26">
									<td width="100%" align="center">
										&nbsp;
									</td>
								</tr>
								<tr>
									<!-- Início da <td> responsável pela construção do <MENU> à esquerda da tela principal -->
									<td width="100%" align="center">
										<div id="menu">
											<table cellspacing="0" cellpadding="0" width="150" align="center" border="0">
												<c:forEach var="item" items="${listaDeMenu}">
													<tr>
														<td class="menu_button" width="100%">
															<a href="${item.dsChamada}">${item.noMenu}</a>
														</td>
													</tr>
												</c:forEach>
											</table>
										</div>
									</td>
									<!-- Fim da <td> responsável pela construção do <MENU> à esquerda da tela principal -->
								</tr>
							</table>
						</div>
					</td>
					<!-- Fim da <td> responsável pelo posicionamento do menu à esquerda da tela principal - NÃO MEXER AQUI -->
				
					<!-- Início da <td> responsável pelo posicionamento da tela principal -->
					<td width="774">
						<div id="pageheader">
							<table cellspacing="0" cellpadding="0" width="774" align="center" border="0">
								<tr>
									<td class="header">
									</td>
								</tr>
							</table>
						</div>
						<div id="pagecontenttop">
							<table cellspacing="0" cellpadding="0" width="774" align="center" border="0">
								<tr>
									<!-- Início da <td> responsável pelo posicionamento da borda à esquerda da tela principal - NÃO MEXER AQUI -->
									<td class="borderleftext" width="40">
										<table cellspacing="0" cellpadding="0" border="0">
											<tr>
												<td class="borderleft">
													&nbsp;
												</td>
											</tr>
										</table>
									</td>
									<!-- Fim da <td> responsável pelo posicionamento da borda à esquerda da tela principal - NÃO MEXER AQUI -->

									<!-- Início da <td> responsável pelo conteúdo da tela principal -->
									<td width="694" bgcolor="#ffffff" height="36" valign="top">
										<table cellspacing="0" cellpadding="0" width="694" border="0">
											<tr>
												<td width="694" bgcolor="#ffffff" height="36">
													<table cellspacing="0" cellpadding="0" width="100%" border="0">
														<tr>
															<td style="padding-left: 25px">
																<div id="pagecontenttitle">
																	<h2>
																	<!-- TAG <NOME DO SISTEMA> -->
																	AGENDA
																	</h2>
																</div>
															</td>
															<td style="padding-right: 25px" align="right">
																<img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="arquivos/set_star.gif" align="absmiddle">
																&nbsp;
																FSWUniCEUB
															</td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td class="internalcontent" height="36">
													<table width="100%" cellpadding="0" cellspacing="0">
														<tr height="18">
															
															<!-- Alterar o parâmetro width do <td> abaixo de acordo com o tamanho do nome do caso de uso, tentar manter o mesmo padrão de espaçamento existente -->
															<!-- entre o nome do caso de uso e a linha de separação, além de tentar deixar o nome ocupando apenas uma linha de texto -->
															
															<td class="sgirctitulobloco" width="84">
																<!-- TAG: <NOME DO CASO DE USO> -->
																Efetuar Login
															</td>
															<td>
																<hr class="sgirclineinternal">
															</td>
														</tr>
													</table>
													
													<!-- Início da <table> que conterá os <CONTROLES> referentes ao caso de uso -->
													<table width="100%" cellpadding="0" cellspacing="0">
														<tr>
															<td colspan="6">
																&nbsp;
															</td>
														</tr>
														<c:if test="${not empty mensagem}">
															<tr>
																<td colspan="6">
																	<ul>
																		<li style="color: red;">${mensagem}</li>
																	</ul>   				
																</td>
															</tr>
														</c:if>
														<tr>
															<td width="10%">
																Usuário:
															</td>
															<td width="23%">
																<input name="dsLogin" type="text" size="20" maxlength="30" class="textbox" onfocus="this.className='textboxfocus';" onblur="this.className='textboxblur';">
															</td>
															<td width="10%">
																&nbsp;
															</td>
															<td width="23%">
																&nbsp;
															</td>
															<td width="10%">
																&nbsp;
															</td>
															<td width="24%">
																&nbsp;
															</td>
														</tr>
														<tr>
															<td colspan="6">
																&nbsp;
															</td>
														</tr>
														<tr>
															<td width="10%">
																Senha:
															</td>
															<td width="23%">
																<input name="dsSenha" type="password" size="20" maxlength="30" class="textbox" onfocus="this.className='textboxfocus';" onblur="this.className='textboxblur';">
															</td>
															<td width="10%">
																&nbsp;
															</td>
															<td width="23%">
																&nbsp;
															</td>
															<td width="10%">
																&nbsp;
															</td>
															<td width="24%">
																&nbsp;
															</td>
														</tr>
													</table>
													<table width="100%" cellpadding="0" cellspacing="0">
														<tr>
															<td width="100%" align="center">
																&nbsp;
															</td>
														</tr>
														<tr>
															<td width="100%" align="center">
																&nbsp;
															</td>
														</tr>
														<tr>
															<td width="100%" align="center">
																<input type="button" class="button" value="Autenticar" onclick="login();">
																&nbsp;
																<input type="button" class="button" value="Limpar" onclick="limpar();">
															</td>
														</tr>
													</table>
													<!-- Fim da <table> que conterá os <CONTROLES> referentes ao caso de uso -->
												</td>
											</tr>
										</table>
									</td>
									<!-- Fim da <td> responsável pelo conteúdo da tela principal -->

									<!-- Início da <td> responsável pelo posicionamento da borda à direita da tela principal - NÃO MEXER AQUI -->
									<td class="borderrightext" width="40">
										<table cellspacing="0" cellpadding="0" border="0">
											<tr>
												<td class="borderright">
													&nbsp;
												</td>
											</tr>
										</table>
									</td>
									<!-- Fim da <td> responsável pelo posicionamento da borda à direita da tela principal - NÃO MEXER AQUI -->
								</tr>
							</table>
						</div>
						<div id="pagefooter">
							<table cellspacing="0" cellpadding="0" width="774" align="center" border="0">
								<tr>
									<td class="footer">
									</td>
								</tr>
							</table>
						</div>
					</td>
					<!-- Fim da <td> responsável pelo posicionamento da tela principal -->
				
					<!-- Início da <td> responsável pelo posicionamento do espaço à direita da tela principal - NÃO MEXER AQUI -->
					<td width="50%">
					</td>
					<!-- Fim da <td> responsável pelo posicionamento do espaço à direita da tela principal - NÃO MEXER AQUI -->
				</tr>
			</table>
		</form>
	</body>
</html>